<template>
  <div>
    <p class="title">
      双向数据绑定的方式
      <span>v-model="visible"</span>
      实则是:value="visible" @input="visible=$event.target.value"的语法糖
      父子组件的双向数据绑定
    </p>
    <com-a v-model="visible"></com-a>
  </div>
</template>

<script>
import comA from './comA';
export default {
  name: 'v-model-demo',
  components: {
    comA
  },
  data() {
    return {
      visible: false
    };
  },
  methods: {
    aa() {
      //
    }
  }
};
</script>

<style lang="scss" scoped>
.title {
  background-color: #50bf7b;
  padding: 10px;
}
</style>
